<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ImagePreview</title>
	<script type="text/javascript" src="./js/ImagePreview.js"></script>
	<script type="text/javascript">
	onload=function(){
		var image=new ImagePreview();
		image.Image(document.getElementById("imgs"));
		document.getElementById("show").onclick=function(){
			image.show(0);
		}	
	}
	</script>
	<link rel="stylesheet" type="text/css" href="./css/ImagePreview.css">
	<style type="text/css">
		*{margin:0 auto;}
		#imgs{
			width: 85%;
			height: 500px;
			
		}
		#imgs .img_k{
			width: 200px;
			height: 150px;
			float: left;
			margin-left: 5px;
			margin-top: 5px;
			line-height: 145px;
			text-align: center;
			background: #F0F0F0;
		}
		#imgs .img_k .img{
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 100%;
			vertical-align:middle;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<input type="button" value="预览大图" id="show">
	<div id="imgs">
		<div class="img_k"><img src="./src/tou.jpg" class="img"></div>
		<div class="img_k"><img src="./src/1416191489627.jpg" class="img"></div>
		<div class="img_k"><img src="./src/1416191513839.jpg" class="img"></div>
		<div class="img_k"><img src="./src/background.jpg" class="img"></div>
		<div class="img_k"><img src="./src/itdream2.jpg" class="img"></div>
		<div class="img_k"><img src="./src/mydesktop4.jpg" class="img"></div>
		<div class="img_k"><img src="./src/水珠.jpg" class="img"></div>
		<div class="img_k"><img src="./src/竹林幽径-0.0.0.1.jpg" class="img"></div>
		<div class="img_k"><img src="./src/82886a9cb902.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios1.jpg" class="img"></div>
		<div class="img_k"><img src="./src/iso2.jpg" class="img"></div>
		<div class="img_k"><img src="./src/iso3.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios4.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios5.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios6.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios7.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios8.jpg" class="img"></div>
		<div class="img_k"><img src="./src/透明手机_无水印.png" class="img"></div>
		<div class="img_k"><img src="./src/df14fd7297ea.jpg" class="img"></div>
		<div class="img_k"><img src="./src/905f903dc45b.jpg" class="img"></div>
		<div class="img_k"><img src="./src/5ea8943c6e24.jpg" class="img"></div>
		<div class="img_k"><img src="./src/493ccf5a80ba.jpg" class="img"></div>
		<div class="img_k"><img src="./src/905f903dc45b.jpg" class="img"></div>
		<div class="img_k"><img src="./src/126ce9c822a1.jpg" class="img"></div>
		<div class="img_k"><img src="./src/41ceb9248e2d.jpg" class="img"></div>

		<div class="img_k"><img src="./src/ios5.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios6.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios7.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios8.jpg" class="img"></div>
		<div class="img_k"><img src="./src/透明手机_无水印.png" class="img"></div>
		<div class="img_k"><img src="./src/df14fd7297ea.jpg" class="img"></div>	
		<div class="img_k"><img src="./src/tou.jpg" class="img"></div>
		<div class="img_k"><img src="./src/1416191489627.jpg" class="img"></div>
		<div class="img_k"><img src="./src/1416191513839.jpg" class="img"></div>
		<div class="img_k"><img src="./src/background.jpg" class="img"></div>
		<div class="img_k"><img src="./src/itdream2.jpg" class="img"></div>
		<div class="img_k"><img src="./src/mydesktop4.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios1.jpg" class="img"></div>
		<div class="img_k"><img src="./src/iso2.jpg" class="img"></div>
		<div class="img_k"><img src="./src/iso3.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios4.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios5.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios6.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios7.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios7.jpg" class="img"></div>
		<div class="img_k"><img src="./src/ios8.jpg" class="img"></div>
		<div class="img_k"><img src="./src/透明手机_无水印.png" class="img"></div>
		<div class="img_k"><img src="./src/df14fd7297ea.jpg" class="img"></div>
		<div class="img_k"><img src="./src/905f903dc45b.jpg" class="img"></div>
		<div class="img_k"><img src="./src/5ea8943c6e24.jpg" class="img"></div>
	</div>
</body>
</html>